<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib uri="http://displaytag.sf.net" prefix="display"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<html>
<head>
<title>khutro.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<link href="css/userpage.css" rel="stylesheet" type="text/css">
<link href="css/search.css" rel="stylesheet" type="text/css">
<link href="css/form.css" rel="stylesheet" type="text/css">
<script src="js/custom-form-elements.js"></script>


<link href="css/button.css" rel="stylesheet" type="text/css">
<script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
<script src="js/jquery-1.8.2.js"></script>
<script src="js/scroll-startstop.events.jquery.js"
	type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<style>
#sidebar {
	width: 140px;
	background-color: #FAFAFA;
	margin: 150px 0 15px 0;
	padding: 0px 0px;
	float: left;
	top: 400px;
	left: 0px;
}

#sidebar1 {
	width: 140px;
	background-color: #FAFAFA;
	margin: 150px 0 15px 0;
	padding: 0px 0px;
	float: right;
	top: 400px;
	right: 0px;
}
</style>
<style>
#inline1 {
	display: none;
	width: 600px;
	height: 600px
}
</style>
<script type="text/javascript"
	src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="js/search.js"></script>



<link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet"
	type="text/css">
<link rel="stylesheet" href="css/stylesconfirm.css">
<script type="text/javascript" src="script/jquery.reveal.js"></script>
<script src="js/jqFancyTransitions.1.8.js"></script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0"
	marginheight="0">
	<!-- Save for Web Slices (khutroslide.psd) -->
	<div id="header">
		<div id="headerContent">
			<a href="index.action" id="logo">khutro</a>
			<ul id="menuBar">
				<li><a href="index.action">Trang chủ</a></li>
				<li><a href="help.jsp">Trợ giúp</a></li>
				<li><a href="checkaddtopic.action">Đăng cho thuê</a>
				<li><a href="checkaddsharetopic.action">Đăng chia sẻ</a>
				<li><a href="compareresult.action">So sánh<span
						id="numberCompare" style="color: red; font-size: 12px">(${number})</span>
				</a></li>
				
			</ul>
			<div id="modal5">
				<div id="heading5">Thông báo !</div>
				<div id="content5">
					<p style="text-align: left; padding-left: 10px; color: black;">Bạn
						cần đăng nhập để sử dụng chức năng này</p>
					<p style="text-align: left; padding-left: 10px; color: black;">Đăng
						nhập với tài khoản của Facebook</p>
						<br/>
					<a style="text-align: left;" href="login.jsp"
						class="button1 green close"><img src="images/dialog/tick.png">Đăng
						nhập</a> <a style="text-align: left;" href="javascript:void(0);"
						class="button1 red close"><img src="images/dialog/cross.png">Đóng</a>
				</div>
			</div>
			<div id="loginPanel">
				<c:choose>
					<c:when test="${displayNamess!=null}">
						<a class="profileButton" href="profileuser.action">${displayNamess}
						</a>
						<ul>
							<c:choose>
								<c:when test="${userRoleIdss==1}">
									<li><a href="adminloadsystem.action">Trang quản lý</a>
								</c:when>
							</c:choose>
							<li><a href="profileuser.action">Trang cá nhân</a></li><li><a href="changepass.jsp">Đổi mật khẩu</a>
							</li>
							<li><a href="logout.jsp">Thoát</a>
							</li>
						</ul>
					</c:when>
					<c:otherwise>
						<a class="loginButton" href="login.jsp">Đăng nhập</a>
					</c:otherwise>
				</c:choose>
			</div>
			<div id="search">
			<DIV class="search-box">
			  <div style="width: 80%;float: left">
		      <INPUT id="lookup_input" class="search-bar" style="width: 220px;height: 24px;" name="keysearch" value="Tìm Kiếm ..." type="text">
		      </div>
		      <div style="width: 19%;float: right;">
		      <img alt="search" src="images/search.png" width="24" height="24" onclick="searchFull();">
		      </div>
				<SCRIPT type="text/javascript" src="js/searchfulltext.js"></SCRIPT>
		      
		      <FORM id="search-form" method="post" action="fulltextsearch.action">
		      	<INPUT id="sortby" class="search-bar" name="sortby" value="0" type="hidden">
		      </FORM>
      		</DIV>
			</div>  
		</div>
	</div>
	<script type="text/javascript">
	$('#lookup_input').bind('keypress', function(e) {
		if(e.keyCode==13){
			searchFull();
		}
	});
	</script>
	<img src="images/spacer.gif" width="1" height="56" alt="">
	<div id="boxsearch">
		<table width="100%" border="0" cellspacing="1" cellpadding="1">
			<tr>
				<td width="14%"><span class="tbdownlist1">ThÃ nh phá» </span>
				</td>
				<td width="11%"><span class="tbdownlist1">Quáº­n </span>/Huyá»n</td>
				<td width="11%"><span class="tbdownlist1">Diá»n tÃ­ch </span>
				</td>
				<td width="11%"><span class="tbdownlist1">GiÃ¡ </span>
				</td>
				<td width="14%" rowspan="2"><a href="javascript:void(0);" onClick=""><img
						src="images/1d.png" width="119" height="40" alt="search"> </a>
				</td>
				<td width="14%">&nbsp;</td>
				<td width="13%">&nbsp;</td>
				<td width="6%" rowspan="2"><img src="images/chiase-s.png"
					id="1" onClick="set(this.id)" alt="" width="50" height="29"
					align="right">
				</td>
				<td width="6%" rowspan="2"><img src="images/chothue-n.png"
					id="2" onClick="set(this.id)" alt="" width="54" height="29"
					align="right">
				</td>
			</tr>
			<tr>
				<td><span class="bghead"> <select name="city" id="city"
						class="tbdownlist1">
							<option selected value="hanoi">HÃ  Ná»i</option>
							<option value="hcm">Tp.Há» ChÃ­ Minh</option>
					</select> </span>
				</td>
				<td><span class="bghead"> <select name="district"
						id="district" class="tbdownlist1">
							<option selected value="hanoi">Cáº§u Giáº¥y</option>
							<option value="hcm">XuÃ¢n Thuá»·</option>
					</select> </span>
				</td>
				<td><span class="bghead"> <select name="area" id="area"
						class="tbdownlist1">
							<option selected value="0">-Táº¥t cáº£-</option>
							<option selected value="1"><20m2</option>
							<option value="2">20 - 40m2</option>
							<option value="3">>40m2</option>
					</select> </span>
				</td>
				<td><span class="bghead"> <select name="price"
						id="price" class="tbdownlist1">
							<option selected value="0">-Táº¥t cáº£-</option>
							<option selected value="1"><1 triá»u</option>
							<option value="2">1 - 2 trieu</option>
					</select> </span>
				</td>
				<td colspan="2"><a href="javascript:void(0);">TÃ¬m kiáº¿m nÃ¢ng cao</a>
				</td>
			</tr>
		</table>


	</div>
	<div id="contentmain">
		<div class="container">

			<div class="leftcontent">
				<div class="boxleftcontent" id="minimap"></div>
				<div class="boxleftcontent" id="magincustom">
					<div class="filterheader">
						<div class="aligntextleft">LÆ°á»£t xem nhiá»u nháº¥t</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">Æ°adwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 LÆ°á»£t xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">Æ°adwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 LÆ°á»£t xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">Æ°adwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 LÆ°á»£t xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">Æ°adwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 LÆ°á»£t xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">Æ°adwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 LÆ°á»£t xem</div>
							</div>
						</div>
					</div>
				</div>
				<div class="boxleftcontent" id="magincustom">
					<div class="filterheader">
						<div class="aligntextleft">BÃ¬nh luáº­n nhiá»u nháº¥t</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">Æ°adwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 LÆ°á»£t xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">Æ°adwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 LÆ°á»£t xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">Æ°adwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 LÆ°á»£t xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">Æ°adwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 LÆ°á»£t xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">Æ°adwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 LÆ°á»£t xem</div>
							</div>
						</div>
					</div>

				</div>
				<div class="boxleftcontent" id="magincustom">
					<div class="filterheader">
						<div class="aligntextleft">CÃ¡c tin ÄÃ£ xem</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">Æ°adwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 LÆ°á»£t xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">Æ°adwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 LÆ°á»£t xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">Æ°adwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 LÆ°á»£t xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">Æ°adwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 LÆ°á»£t xem</div>
							</div>
						</div>
					</div>
					<div id="recent">
						<div id="thumbimg">
							<img alt=" " src=" " width="50" height="58">
						</div>
						<div id="s-info">
							<div id="title">
								<a id="a_title" href="">Æ°adwdwwd </a>
							</div>
							<div id="address">aaaaaaa</div>
							<div id="viewn">
								<div id="iconview">
									<img src="images/view.png" alt="" width="15" height="15">
								</div>
								<div id="numberview">1 LÆ°á»£t xem</div>
							</div>
						</div>
					</div>

				</div>
			</div>
			<div class="bodysearchadvance">
				<!--search advance content-->
				<div class="searchform">
					<!--search form-->
					<div class="searchformheader">
						<!--search form header-->
						<span style="margin: 5px 0 5px 15px; padding-top: 5px">TÃ¬m
							kiáº¿m theo gá»£i Ã½</span>
						<!--end search form header-->
					</div>
					<div class="inputform">
						<!--input form-->
						<input type="text" name="tsearch"
							onFocus="if(!this._haschanged ){this.value=''};this._haschanged=true; setbg('#e5fff3');"
							onBlur="if (this.value == '') {this.value = 'Nháº­p tÃªn trÆ°á»ng Äáº¡i há»c / cao Äáº³ng';this._haschanged=false;}"
							value="Nháº­p tÃªn trÆ°á»ng Äáº¡i há»c / cao Äáº³ng "
							class="box-shadow-input">
						<!--end input form-->
					</div>
					<span class="lablesearch">Chá»n khoáº£ng cÃ¡ch tá»« trÆ°á»ng Äáº¿n nhÃ 
						trá» mÃ  báº¡n mong muá»n :</span><br>
					<div class="radiobtform">
						<!--distance-->
						<div style="width: 25%; float: left">
							<input type="radio" name="distance" class="styled" value="0"
								checked />Ráº¥t gáº§n
						</div>
						<div style="width: 20%; float: left">
							<input type="radio" name="distance" class="styled" value="1" />Gáº§n
						</div>
						<div style="width: 25%; float: left">
							<input type="radio" name="distance" class="styled" value="2" />TÆ°Æ¡ng
							Äá»i
						</div>
						<div style="width: 30%; float: left">
							<input type="radio" name="distance" class="styled" value="3" />KhÃ´ng
							quan trá»ng
						</div>
						<!--end distance-->
					</div>
					<div>
						<!--price-->
						<span class="lablesearch">Má»©c chi tiÃªu hÃ ng thÃ¡ng cá»§a báº¡n:
						</span> <select class="styled" />
						<option selected>< 2 triá»u</option>
						<option>2 triá»u - 4 triá»u</option>
						<option>4 triá»u - 6 triá»u</option>
						<option>> 6 triá»u</option>
						</select> <br> <br> <span class="lablesearch">Chá»n khoáº£ng
							giÃ¡ mÃ  báº¡n mong muá»n : </span>
						<div class="radiobtform">
							<!--pricechoose-->
							<div style="width: 25%; float: left">
								<input type="radio" name="pricechoose" class="styled" value="0"
									checked />Ráº¥t ráº»
							</div>
							<div style="width: 20%; float: left">
								<input type="radio" name="pricechoose" class="styled" value="1" />Ráº»
							</div>
							<div style="width: 25%; float: left">
								<input type="radio" name="pricechoose" class="styled" value="2" />TÆ°Æ¡ng
								Äá»i
							</div>
							<div style="width: 30%; float: left">
								<input type="radio" name="pricechoose" class="styled" value="3" />KhÃ´ng
								quan trá»ng
							</div>
							<!--end pricechoose-->
						</div>
						<!--end price-->
					</div>
					<div style="margin-left: 38%; margin-right: 38%; margin-top: 20px">
						<a href="javascript:void(0);" class="buttoncus">TÃ¬m kiáº¿m</a>
					</div>
					<!--end search form-->
				</div>

				<!--end search advance content-->
			</div>

		</div>
	</div>
	<div id="footercus"
		style="text-align: center; color: #FFF;">
		<em>Designed by FU team | Powered by Struts<br> khutro.net</em>

	</div>

	<!-- End Save for Web Slices -->
</body>
</html>